<template>
    <h2>房价显示页面</h2>
    <table>
        <tr>
            <td>房间名称</td>
            <td>房价价格</td>
            <td>支付方式</td>
            <td>早餐份数</td>
            <td>房间数量</td>
        </tr>
        <tr>
            <td>标准间</td>
            <td>198</td>
            <td>微信</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>大床房</td>
            <td>198</td>
            <td>支付宝</td>
            <td>2</td>
            <td>5</td>
        </tr>
        <tr>
            <td>经济房</td>
            <td>58</td>
            <td>现金</td>
            <td>0</td>
            <td>0</td>
        </tr>
    </table>
    <table>
        <a>首页</a>
        <a>上一页</a>
        <a>下一页</a>
        <a>尾页</a>
        共有<span style="color: red;">3</span>条,一共<span style="color: red;">1</span>页,当前第<span style="color: red;">1</span>/<span style="color: red;">1</span>页
    </table>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue';
import axios from 'axios';
import "bootstrap/dist/css/bootstrap-grid.min.css"



</script>